@import "../../scss/export";

.book-info-component {
  @include clearfix();

  .book-cover,
  .book-base-info {
    float: left;
  }

  .book-cover {
    width: 130px;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: grey;
    margin-right: 10px;
  }

  .info-row {
    @include clearfix();
    margin-bottom: 20px;

    .info-label,
    .info-value {
      float: left;
    }

    .info-label {
      margin-right: 14px;
      &:after {
        content: ":";
      }
    }

    .info-value {
      font-weight: bold;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  .sep {
    margin: 0 6px;
  }
}
